<el-main>
    <el-row :gutter="10" type="flex">
        <el-form ref="form" :model="form" :rules="rules" label-width="120px">
            <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
                <el-form-item label="费用核销单号" prop="GWFEDOCNO">
                    <el-input v-model="form.GWFEDOCNO" readonly></el-input>
                </el-form-item>
            </el-col>
            <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
                <el-form-item label="年度" prop="GWFE001">
                    <el-date-picker
                            type="year"
                            v-model="form.GWFE001"
                            format="yyyy"
                            value-format="yyyy"
                            style="width: 100%">
                    </el-date-picker>
                </el-form-item>
            </el-col>
            <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
                <el-form-item label="月份" prop="GWFE002">
                    <el-date-picker
                            type="month"
                            v-model="form.GWFE002"
                            format="MM"
                            value-format="MM"
                            style="width: 100%">
                    </el-date-picker>
                </el-form-item>
            </el-col>
        </el-form>
    </el-row>
    <el-row>
        <div class="pos-re">
            <div class="pos-ab" style="margin-bottom: 10px;">
                <el-button type="primary" size="small"
                           @click="addRow" v-show="!isCheck">添加
                </el-button>
                <el-button type="primary" size="small"
                           @click="delRow" v-show="!isCheck">删除
                </el-button>
            </div>
            <div class="table-responsive">
                <table id="gwft400_edit_table"
                       class="layui-table"
                       lay-size="sm"
                       lay-filter="gwft400_edit_table">
                </table>
            </div>
            <div style="float:right">
                <span style="font-size:16px;color:red">合计&nbsp;&nbsp;</span>
                <span><b>&nbsp;&nbsp;区域核销费用金额:</b>{{total.GWFE103_SUM}}</span>
                <span><b>&nbsp;&nbsp;总部核销费用金额:</b>{{total.GWFE105_SUM}}</span>
            </div>
        </div>
    </el-row>
    <el-row>
        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" style="text-align: right;margin-top: 10px;">
            <el-button icon="icon iconfont icon-23" size="mini" @click="cancle">关闭</el-button>
            <el-button v-show="!isCheck" type="warning" icon="icon iconfont icon-21" size="mini"  @click="save">保存
            </el-button>
        </el-col>
    </el-row>
</el-main>
<script>
    require(["pc/crm/gwft400_edit"], $.noop);
</script>
